<template>
  <table class="topClose" width="100%">
    <thead>
      <tr>
        <!-- <th colspan="6">试题评阅异常数据:{{ pageDetail?.ycRecordCount || 0 }}条</th> -->
        <!-- <th colspan="6">试题异常证实状态</th>
        <th colspan="4">异常试卷总数</th>
        <th colspan="4">试卷异常的考生人数</th>
        <th colspan="4">评阅发生异常的教师</th> 
        -->
        <th colspan="3">
          评阅上报异常数:
          <span class="text-red-600 font-semibold"> {{ pageDetail?.customCreateCount || 0 }} </span>
          条
        </th>
        <th colspan="3">
          系统监测异常数:
          <span class="text-red-600 font-semibold"> {{ pageDetail?.systemCreateCount || 0 }} </span>
          条
        </th>
      </tr>
    </thead>
    <tbody>
      <!-- <tr>
        <td colspan="3">评阅上报异常数:{{ pageDetail?.customCreateCount || 0 }}条</td>
        <td colspan="3">系统监测异常数:{{ pageDetail?.systemCreateCount || 0 }}条</td>
      </tr> -->
      <tr>
        <td colspan="2" class="font-semibold text-green-500">
          已处理:{{ pageDetail?.yclCount || 0 }}条
        </td>
        <td colspan="2" class="text-red-600 sm font-semibold">
          待处理:{{ pageDetail?.dclCount || 0 }}条
        </td>
        <td colspan="2" class="font-semibold text-orange-500">
          处理中:{{ pageDetail?.clzCount || 0 }}条
        </td>
        <!-- <td colspan="3">未证实{{ pageDetail?.notProveNum || 0 }}条</td>
        <td colspan="4">{{ pageDetail?.errorPaperNum || 0 }}份</td>
        <td colspan="4">{{ pageDetail?.errorPaperStudentsNum || 0 }}人</td>
        <td colspan="4">{{ pageDetail?.pyHappenNum || 0 }}人</td> -->
      </tr>
    </tbody>
  </table>
</template>

<script setup lang="ts">
defineProps({
  pageDetail: {
    type: Object,
    defalt: () => {},
  },
})
</script>

<style lang="less" scoped>
.topClose {
  margin: 0px 0 10px;
  text-align: center;

  thead tr th {
    text-align: center;
    border: 1px solid #e8e8e8;
    line-height: 40px;
    background-color: #eff6ff;
    width: 16.6%;
  }

  tbody tr td {
    text-align: center;
    border: 1px solid #e8e8e8;
    line-height: 40px;
    width: 12.5%;
  }
}
</style>
